<form>
	<h1>REGISTRO DE VOTOS</h1>
	<br>
	<label for="testigos">Testigo:</label>
	<div id="div-testigo"><input type="text" name="testigos" id="testigos" value="" />
	<a href="#" id="buscar_testigo" ><img src="<?php echo base_url();?>media/images/buscar.png" width="18" height="18" alt="buscar testigo"/></a></div>
	<div id="nombre_testigo"></div>
	<br />
	<div id="form">
		<label for="cadidato">Candidato:</label>
			<select name="candidatos" id="candidatos">
			<option value="0">Seleccione el candidato</option>
			<?php 
				foreach($can as $k=>$v){	
			?>
			<option value="<?php echo $k;?>"><?php echo $k."-".$v; ?></option>
			<?php
			} 
			?>
		</select>
		<div id="respuestacandidatos"></div><br />
		<label for="departamento">Departamento:</label>
		<select name="departamento" id="departamento">
			<option value="0">Seleccione el departamento</option>
			<?php 
				foreach($dep as $k=>$v){	
			?>
			<option value="<?php echo $k;?>"><?php echo $v; ?></option>
			<?php
			} 
			?>
		</select>

		<div id="respuestadepartamento"></div><br />
		<div id="municipio"></div>
		<div id="respuestadepartamento"></div>
		<div id="zona"></div>
		<div id="respuestazona"></div>
		<div id="puesto"></div>
		<div id="mesa"></div>
		<div id="respuestamesa"></div>
		<br>
		<br>
			<label for="cantVotosTes">Cantidad Votos:</label><input type="text" name="cantVotosTes" id="cantVotosTes" value="0" /><br>

		<br>
	<label for="validador">Validador:</label>
	<select name="validadores" id="validadores">
	<option value="0">Seleccione el validador</option>
	<?php 
		foreach($vali as $k=>$v){	
	?>
	<option value="<?php echo $k;?>"><?php echo $k."-".$v; ?></option>
	<?php
	} 
	?>
</select><label for="cantVotosVali">Cantidad Votos:</label><input type="text" name="cantVotosVali" id="cantVotosVali" value="0" /><br>
<div id="respuestatesval"></div><br>

<div id="respuesta"></div><br />
<label><input type="submit" name="insertar" value="Registrar" id="insertar"></label>
	</div>
</form>
<script>
$(document).ready(function(){
	$("#departamento").css("visibility","hidden");
});


$("#buscar_testigo").click(function(event){
	event.preventDefault();
	var testigos=$("#testigos").val();
	$.post("<?php echo $url7;?>",{testigos:testigos},function(res){
		if(res!=0){
			$("#div-testigo").css("display","none");
			$("#nombre_testigo").html("<span>"+res+"</span>");
		}else{
			$("#nombre_testigo").html('<span class="error">No existe el Testigo. </span>');
		}
	});
});


$("#departamento").change(function(event){
	var departamento = $("#departamento").val();

	if(departamento!=0){
		
		$.post("<?php echo $url2;?>",{departamento:departamento},function(res){
				$("#municipio").html(res);
			});
		}else
		{
			$("#respuestadepartamento").html('<span class="error">Seleccione un departamento.</span>');
		}
	
});

$("#municipio").change(function(event){
	var municipio = $("#municipios").val();
	if(municipio!=0)
		{

		$.post("<?php echo $url3;?>",{municipio:municipio},function(res)
				{
				$("#zona").html(res);
				
			});
		}else
		{
			$("#respuestazona").html('<span class="error">Seleccione una zona.</span>');
		}
	
});

$("#zona").change(function(event){
	var zona = $("#zonas").val();
	if(zona!=0)
		{
		$.post("<?php echo $url4;?>",{zona:zona},function(res)
				{
				$("#puesto").html(res);
				
			});
		}else
		{
			$("#respuestamunicipio").html('<span class="error">Seleccione un municipio.</span>');
		}
	
});

$("#puesto").change(function(event){
	var puesto = $("#puestos").val();
	if(puesto!=0)
		{
		$.post("<?php echo $url5;?>",{puesto:puesto},function(res)
				{
				$("#mesa").html(res);
				
			});
		}else
		{
			$("#respuestamesa").html('<span class="error">Seleccione una mesa.</span>');
		}
	
});

	$("#insertar").click(function(event)
			{
		event.preventDefault();
		var mesa=$("#mesas").val();
		var candidato=$("#candidatos").val();
		var testigo=$("#testigos").val();
		var validador=$("#validadores").val();
		var cantVotTestigo=$("#cantVotosTes").val();
		var cantVotValidador=$("#cantVotosVali").val();
		
		if(mesa !=0 && mesa != undefined)
				{
				if(candidato!=0)
				{
						if(testigo!=0 || validador!=0)
						{
							
							if(cantVotTestigo!="" || cantVotValidador!="" )
							{
								$.post("<?php echo $url1;?>",{mesa:mesa,candidato:candidato,testigo:testigo,validador:validador,cantVotTestigo:cantVotTestigo,cantVotValidador:cantVotValidador},function(res){
									$("input[type=text]").val("");
									$("#respuestatesval").html('');
									$("#respuestacandidatos").html('');
									$("#respuesta").html('');
					
									$("#respuesta").html('<span class="exito">Votacion registrada</span>');

								});
								
							}else{
								$("#respuestatesval").html('<span class="error">Ingrese la cantidad de votos.</span>');
							}
						}else{
							$("#respuestatesval").html('<span class="error">Seleccione el testigo o el validador.</span>');
						}
			   }else{
				$("#respuestacandidatos").html('<span class="error">Debe seleccionar el candidato</span>');
				}
			}else{
				$("#respuesta").html('<span class="error">Debe seleccionar una mesa: Para seleccionarla escoja el departamento->Municipio->Zona->puesto</span>');
			}
		
			
		
	});

	
</script>